import axios from "axios";
import { ElMessage } from "element-plus";
import { GET_TOKEN } from "./token";


// 创建实例
const request = axios.create({
  // baseURL: 'http://localhost:8080',
  baseURL: '/api',
  timeout: 5000
})

// 请求拦截器
request.interceptors.request.use(
  config => {
    // 发送请求之前的操作
    const token = GET_TOKEN();
    // console.log('token:',token)
    if(token){
      // 将token携带进请求头中
      config.headers.Authorization = token
      // config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  error => {
    // 对请求错误的操作
    return Promise.reject(error)
  }
)


// 响应拦截器
request.interceptors.response.use(
  // result:请求响应回来的对象，里面包含很多信息，如请求头，响应体等
  result => {
    // 2xx范围内的状态码都会触发
    // 对响应数据的操作
    // return result.data
    if (result.data.code === 0) {
      return result.data//响应体对象{code,message,data}
    } else {
      ElMessage.error(result.data.message ? result.data.message : '响应失败')
      return Promise.reject(result.data)
    }
  },
  error => {
    // 超出2xx范围的状态码都会触发
    // 对响应错误的操作
    return Promise.reject(error)//将异步的状态转化为失败的状态
  }
)

export default request